<template>
  <v-container
    class="flex align-center justify-center flex-col"
    :style="{ height: height + 'px' }" :elevation="0">
    <div v-if="type == 1">
      <svg-icon iconClass="tablenone" :size="props.svgSize"></svg-icon>
      <div class="text-[16px] font-[500] text-[rgba(0,0,0,0.38)]">{{ props.text }}</div>
    </div>
  </v-container>
</template>

<script lang="ts" setup>
const props = defineProps({
  text: {
    type: String,
    default: "No Data"
  },
  height: {
    type: [Number, String],
    default: 200
  },
  svgSize: {
    type: [Number, String],
    default: 100
  },
  type: {
    type: Number,
    default: 1
  }
})
</script>
